<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /* .box{
        width: 500px;
        height: 600px;
        background: yellow;
        margin: auto;
    }
    #int1,
    #int2,
    #int3,
    #int4,
    #int5,
    #int6,
    #int7,
    #int8 {
        width: 300px;
        height: 40px;
        margin-top: 20px;
    }
    .box1{
        width: 500px;
        height: 300px;
        background: red;
        margin: auto;
    }
    #shoujihao,#shenfz{
        width: 300px;
        height: 40px;
        margin-top: 20px;
    } */
</style>

<body>
    <!-- <div class="box">
        1<input type="text" id="int1" placeholder="输入数字"><span id="main1"></span>
        <br>

        2<input type="text" id="int2" placeholder="输入汉字"><span id="main2"></span>
        <br>

        3<input type="text" id="int3" placeholder="输入英文"><span id="main3"></span>
        <br>

        4<input type="text" id="int4" placeholder="输入数字字母下滑线"><span id="main4"></span>
        <br>

        5<input type="text" id="int5" placeholder="输入汉字数字字母下划线"><span id="main5"></span>
        <br>

        6<input type="text" id="int6" placeholder="输入数字汉字"><span id="main6"></span>
        <br>

        7<input type="text" id="int7" placeholder="输入5位数字"><span id="main7"></span>
        <br>

        8<input type="text" id="int8" placeholder="输入5位数字字母下划线"><span id="main8"></span>
        <br>
    </div> -->
    <!-- <div class="box1">
        <input type="text" id="shoujihao" placeholder="请输入手机号"><span id="maina"></span>
        <br>

        <input type="text" id="shenfz" placeholder="请输入身份证"><span id="maina1"></span>

    </div> -->

    <!-- <input type="text" id="int"><span id="main"></span> -->

</body>
<script>
    // 数字
    // document.getElementById('int1').onblur = function () {
    //     var reg1 = /\d/g
    //     if (reg1.test(this.value)) {
    //         main1.innerHTML = '√'
    //     } else {
    //         main1.innerHTML = '×'
    //     }
    // }

    // // 汉字
    // document.getElementById('int2').onblur = function () {
    //     var reg2 = /[\u4e00-\u9fa5]/g
    //     if (reg2.test(this.value)) {
    //         main2.innerHTML = '√'
    //     } else {
    //         main2.innerHTML = '×'
    //     }
    // }

    // // 英文
    // document.getElementById('int3').onblur = function () {
    //     var reg3 = /[\a-z]/g
    //     if (reg3.test(this.value)) {
    //         main3.innerHTML = '√'
    //     } else {
    //         main3.innerHTML = '×'
    //     }
    // }

    // // 数字字母下滑线
    // document.getElementById('int4').onblur = function () {
    //     var reg4 = /\w/g
    //     if (reg4.test(this.value)) {
    //         main4.innerHTML = '√'
    //     } else {
    //         main4.innerHTML = '×'
    //     }
    // }

    // // 汉字数字字母下划线
    // document.getElementById('int5').onblur = function () {
    //     var reg5 = /([\u4e00-\u9fa5]\w)/g
    //     if (reg5.test(this.value)) {
    //         main5.innerHTML = '√'
    //     } else {
    //         main5.innerHTML = '×'
    //     }
    // }

    // // 输入数字汉字
    // document.getElementById('int6').onblur = function () {
    //     var reg6 = /([\u4e00-\u9fa5] | \d)/g
    //     if (reg6.test(this.value)) {
    //         main6.innerHTML = '√'
    //     } else {
    //         main6.innerHTML = '×'
    //     }
    // }

    // // 输入5位数字
    // document.getElementById('int7').onblur = function () {
    //     var reg7 = /\d/g
    //     if (reg7.test(this.value) && int7.value.length <= 5) {
    //         main7.innerHTML = '√'
    //     } else {
    //         main7.innerHTML = '×'
    //     }
    // }

    // // 输入5位数字字母下划线
    // document.getElementById('int8').onblur = function () {
    //     var reg8 = /\d/g
    //     if (reg8.test(this.value) && int8.value.length == 5) {
    //         main8.innerHTML = '√'
    //     } else {
    //         main8.innerHTML = '×'
    //     }
    // }


    // 手机号
    // document.getElementById('shoujihao').onblur = function () {
    //     var rega = /^1[2-9]\d{9}$/g
    //     if (rega.test(this.value)) {
    //         maina.innerHTML = '√'
    //     }else{
    //         maina.innerHTML = '×'
    //     }
    // }

    // // 身份证   shenfz
    // document.getElementById('shenfz').onblur = function () {
    //     var rega1 = /^([1-9]\d{13}[\d|x|X]|[1-9]\d{16}[\d|x|X])$/
    //     if (rega1.test(this.value)) {
    //         maina1.innerHTML = '√'
    //     }else{
    //         maina1.innerHTML = '×'
    //     }
    // }



    // 练习
    // var str = 'abcdefgd12345 你好呀 6g1FABCD你爱上发布EFGa'
    // var reg = /[\u4e00-\u9fa5]+/ig
    // var newStr = str.replace(reg,'-')
    // console.log(newStr);



    // 数组去重 将'aaaaabbbbbccccc'转化为'abc'
    var str = 'aaaaabbbbbccccc'
    var reg = /(\w)\1*(\w)\2*(\w)\3*/g
    console.log(str.replace(reg,'$1$2$3'));

    // 用逗号分隔数字 上篇中讲过，要讲‘100000000’这样的数字处理成100,000,000
    var str1 = '100000000'
    var reg1 = /(?=(\B)(\d{3})+$)/g
    console.log(str1.replace(reg1,','));

    // 将get-element-by-id转换为小驼峰式命名
    var str2 = 'get-element-by-id'
    var reg2 = /-(\w)/g
    
    // 匹配二进制数字

    // 输出一段字符串中的数字
        
    // 非零的十进制数字(有至少一位数字，但是不能以0开头)注意\d$的中间要

</script>

</html>